<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<%@ include file="/common/meta.jsp"%>
<%@ include file="/common/taglibs.jsp"%>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>BlueSea系统-工作台</title>
<link rel="stylesheet" type="text/css" href="${ctx }/css/main.css">
<link rel="stylesheet" type="text/css" href="${ctx }/js/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="${ctx }/js/easyui/themes/icon.css">
<script type="text/javascript" src="${ctx }/js/easyui/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="${ctx }/js/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="${ctx }/js/easyui/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript">
function addTab(title, url){  
    if ($('#tt').tabs('exists', title)){  
        $('#tt').tabs('select', title);  
    } else {  
        var content = '<iframe scrolling="auto" frameborder="0"  src="'+url+'" style="width:100%;height:100%;"></iframe>';  
        $('#tt').tabs('add',{  
            title:title,  
            content:content,  
            closable:true  
        });  
    }  
}  
</script>
</head>
<body class="easyui-layout">
	<div region="north" border="false" split="true" style="height:80px;padding:10px;">
		<div id="header">
			<div id="header-inner">
				<table cellspacing="0" cellpadding="0" style="width:100%;">
					<tbody>
						<tr>
							<td style="width:20px;" rowspan="2"> </td>
							<td style="height:52px;">
							<div style="color:#fff;font-size:22px;font-weight:bold;">
								<a style="color:#fff;font-size:22px;font-weight:bold;text-decoration:none" href="#"><img src=""/></a>
							</div>
							</td>
							<td style="padding-right:5px;text-align:right;vertical-align:bottom;">
								<div id="topmenu">
									<a href="#">项目管理</a>
									<a href="#">需求管理</a>
									<a href="#">测试管理</a>
									<a href="#">配置管理</a>
									<a href="#">系统管理</a>
									<a href="#">质量管理</a>
								</div>
							</td>
							<td style="padding-right:5px;text-align:right;vertical-align:bottom;" rowspan="2"><div>Administrator，您好！</div></td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
	</div>
	<div region="west" split="true" style="width:200px;overflow:hidden;">
		<div class="easyui-panel" title="功能菜单" border="false" split="true">
			<div class="easyui-accordion" fit="true" border="false">
				<div title="项目管理"  style="padding:10px;overflow:auto;">
					<p>项目启动</p>
					<p>项目组管理</p>
					<p>人员管理</p>
				</div>
				<div title="需求管理" style="padding:10px;overflow:auto;">
					<p>系统需求管理</p>
					<p>系统需求变更</p>
				</div>
				<div title="测试管理" style="padding:10px;overflow:auto;">
					<p>测试计划管理</p>
					<p>测试需求管理</p>
					<p>测试用例管理</p>
					<p>测试套件管理</p>
					<p>测试任务管理</p>
					<p>测试执行管理</p>
					<p>测试结果分析</p>
					<p>综合查询</p>
					<p>基础管理</p>
				</div>
				<div title="配置管理" style="padding:10px;overflow:auto;">
					<p>构建管理</p>
					<p>发布管理</p>
				</div>
				<div title="质量管理" style="padding:10px;overflow:auto;">
					<p>过程评审</p>
					<p>过程改进</p>
				</div>
				<div title="系统管理" selected="true" style="padding:10px;overflow:auto;">
					<p><a href="#" onclick="addTab('组织管理','${ctx }/dept/index.do')">组织管理</a></p>  
					<p><a href="#" onclick="addTab('岗位管理','${ctx }/job/index.do')">岗位管理</a></p>
					<p><a href="#" onclick="addTab('用户管理','${ctx }/user/index.do')">用户管理</a></p>
					<p><a href="#" onclick="addTab('资源管理','${ctx }/resc/index.do')">资源管理</a></p>
					<p><a href="#" onclick="addTab('角色管理','${ctx }/role/index.do')">角色管理</a></p>
					<p><a href="#" onclick="addTab('操作管理','${ctx }/op/index.do')">操作管理</a></p>
				</div>
			</div>
		</div>
	</div>
	<div region="center" border="true" split="true" style="height: 100%;">
		<div style="width: 24%;height: 100%;vertical-align: top;float: left;">
			<div class="easyui-panel" split="true" border="false" title="层次结构树" >
				<ul class="easyui-tree" url="tree_data.json"></ul>
			</div>
		</div>
		<div style="width: 75%;height: 100%;vertical-align: top;float: right;">
			<div class="easyui-panel" split="true" border="false" fit="true" title="功能操作区" style="width: 100%;">
				<div id="tt" class="easyui-tabs" fit="true" border="false">
	   	 			<div title="Home"></div>  
				</div>
			</div>
		</div>
	</div>
	
	<!-- 
	<div region="east" border="false" split="true" split="true" style="width:950px;padding:1px;overflow:hidden;">
		
	</div>
	<div region="south" border="false" split="true" style="height:50px;padding:10px;">
		<p>The south content.</p>
	</div>
	 -->
</body>
</html>